<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>欢迎来到好农网！</title>
    <link rel="icon" href="../image/logo.png"/>
    <link rel="stylesheet" href="../font/css/font-awesome.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/password1.css"/>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="top-box">
            <span class="float-l">您好，欢迎来到好农网！</span>
            <div class="float-r">
                <a href="../before/login.html">登录</a>
                <a href="../before/regist1.html">注册</a>
                <span class="fa fa-mobile icon"></span>
                <a href="../before/">手机好友</a>
                <span class="fa fa-comment-o icon"></span>
                <a href="../before/">联系客服</a>
            </div>
        </div>
    </div>
    <div class="search">
        <div class="search-box">
            <a href="../before/index.html"><img class="float-l" src="../image/logo.png" alt=""/></a>
            <div class="input-box float-r">
                <div class="input float-l">
                    <span class="fa fa-search"></span>
                    <input type="text" placeholder="进口香橙"/>
                </div>
                <a href="../before/search.html" class="button float-l pointer">搜索</a>
                <a href="../before/login.html" class="shop-car float-l pointer">
                    <span class="fa fa-shopping-cart"></span><span class="word">购物车结算</span><span class="fa fa-angle-right"></span>
                </a>
                <div class="hot-words">
                    <span>热门搜索：</span>
                    <a href="../before/search.html">苹果</a>
                    <a href="../before/search.html">樱桃</a>
                    <a href="../before/search.html">鱼</a>
                    <a href="../before/search.html">虾</a>
                    <a href="../before/search.html">跑山鸡</a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="nav-bar-box">
            <div class="menu-title float-l pointer">全部产品
                <ul class="menu-list-down">
                    <li>
                        <a href="../before/listPage1.html">
                            <img class="float-l" src="../image/list-img1.png" alt=""/>
                            <p class="float-l">新鲜水果</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage2.html">
                            <img class="float-l" src="../image/list-img2.png" alt=""/>
                            <p class="float-l">水产海鲜</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage3.html">
                            <img class="float-l" src="../image/list-img3.png" alt=""/>
                            <p class="float-l">田园时蔬</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                    <li>
                        <a href="../before/listPage4.html">
                            <img class="float-l" src="../image/list-img4.png" alt=""/>
                            <p class="float-l">绿色禽蛋</p>
                            <span class="fa fa-angle-right float-l"></span>
                        </a>
                    </li>
                </ul>
            </div>
            <ul class="nav-bar-item float-l">
                <li class="item"><a href="../before/index.html">首页</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page1.html">每日抢鲜</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page2.html">企业采购</a></li>
                <li class="line"></li>
                <li class="item"><a href="../before/page3.html">好农特惠</a></li>
            </ul>
            <div class="underline">
                <div></div>
            </div>
        </div>
    </div>
</div>
    <div class="content">
        <div class="pwd-title">
            <div class="word float-l">找回密码</div>
            <div class="step float-l">
                <div class="step-item active">
                    <div class="line">
                        <div class="circle">
                            <span class="fa fa-circle"></span>
                        </div>
                    </div>
                    <p>1.填写账户名</p>
                </div>
                <div class="step-item">
                    <div class="line">
                        <div class="circle">

                        </div>
                    </div>
                    <p>2.验证身份</p>
                </div>
                <div class="step-item">
                    <div class="line">
                        <div class="circle">

                        </div>
                    </div>
                    <p>3.设置新密码</p>
                </div>
                <div class="step-item">
                    <div class="line">
                        <div class="circle">

                        </div>
                    </div>
                    <p>4.完成</p>
                </div>
            </div>
        </div>
        <div class="form-img float-l">
            <img src="../image/password-img1.png" alt=""/>
        </div>
        <div class="form-group float-r">
            <div class="form-item">
                <div class="form-label float-l">
                    <span>用户名：</span>
                </div>
                <div class="form-input float-l">
                    <input class="float-l" type="text"/>
                    <span class="float-l fa fa-user"></span>
                </div>
            </div>
            <div class="form-item">
                <div class="form-label float-l">
                    <span>验证码：</span>
                </div>
                <div class="form-list float-l">
                    <input class="float-l" type="text"/>
                    <img class="float-l" src="../image/security-img.png" alt=""/>
                    <span class="float-l">看不清？<a href="../before/">换一张</a></span>
                </div>
            </div>
            <div class="form-item">
                <div class="form-label float-l">
                </div>
                <div class="form-list float-l">
                    <div class="register-now">
                        <a href="../before/password2.html">提交</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="server">
            <dl>
                <dt>关于好农</dt>
                <dd>
                    <a href="../before/about1.html">好农介绍</a>
                    <a href="../before/about2.html">好农资讯</a>
                    <a href="../before/about3.html">招贤纳士</a>
                    <a href="../before/about4.html">联系我们</a>
                </dd>
            </dl>
            <dl>
                <dt>支付配送</dt>
                <dd>
                    <a href="../before/">购物指南</a>
                    <a href="../before/">配送说明</a>
                    <a href="../before/">支付方式</a>
                </dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd>
                    <a href="../before/">48小时退换货</a>
                    <a href="../before/">投诉与建议</a>
                    <a href="../before/">常见问题</a>
                    <a href="../before/">联系客服</a>
                </dd>
            </dl>
            <dl>
                <dt>企业服务</dt>
                <dd>
                    <a href="../before/">如何成为企业级客户？</a>
                    <a href="../before/">VIP福利</a>
                    <a href="../before/">专属服务</a>
                    <a href="../before/">定制专区</a>
                </dd>
            </dl>
        </div>
        <div class="bottom">&copy;2010-2015 haonong.com 保留所有权利，绵阳云集电子商务有限公司 蜀ICP证10204706号</div>
    </div>
</body>
</html>